<template>
  <div class="page-index">
    <!-- 菜单和轮播图组件 -->
    <el-row>
      <el-col :span="5">
        <emenu />
      </el-col>
      <el-col :span="19">
        <life />
      </el-col>
    </el-row>
    <!-- 电影组件 -->
    <el-row>
      <el-col :span="24">
        <commmon-films />
      </el-col>
    </el-row>
    <!-- 有格调组件 -->
    <el-row>
      <el-col :span="24">
        <artistic />
      </el-col>
    </el-row>
    <!-- 推荐组件 -->
    <el-row>
      <el-col :span="24">
        <recommend />
      </el-col>
    </el-row>
    <!-- 底部导航组件 -->
    <el-row>
      <el-col :span="24">
        <bottom-nav />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import Emenu from '@/components/index/menu.vue'
import Life from '@/components/index/life.vue'
import CommmonFilms from '@/components/index/commonFile.vue'
import Artistic from '@/components/index/artistic.vue'
import Recommend from '@/components/index/recommend.vue'
import BottomNav from '@/components/index/bottomNav.vue'
export default {
  components: {
    Emenu,
    Life,
    Artistic,
    BottomNav,
    CommmonFilms,
    Recommend
  }
}
</script>

<style lang="scss">
@import '@/assets/css/index/index.scss';
@import '@/assets/css/index/artistic.scss';
</style>
